
import React,{Component} from 'react'
import {issueUse} from 'action/sellOption'

export default class IssueUse extends Component{
	
	init(){
		let App=echarts.init(document.querySelector("#issueUse"));
		App.setOption(issueUse());
	}
	
	componentDidMount(){
		
		let w=(window.getComputedStyle(
				document.querySelector('.issueUse'))).width.replace('px','');
			
		document.querySelector('#issueUse').width=w;
		
		this.init();
		
	}
	
	render(){
		return(
			<div className="progress">
				<article className="issueUse progress">
					<div className="regiona2">
	 					<h2>Journal data analysi</h2>
	 				</div>
					<canvas id="issueUse" width="500" height="450px">	
					</canvas>
				</article>
			</div>
		)
	}
}
